﻿@{
    ViewBag.Title = "Cập nhật thông tin Cơ sở Đoàn";
    Layout = "~/Views/Shared/BusinesstodayLayout/Backend/_1Col.cshtml";
}
@*------UI Dialog -----------*@
<script src="@Url.Content("~/Scripts/uiDialog/jquery.effects.core.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/uiDialog/jquery.effects.fade.js")" type="text/javascript"></script>
<link href="@Url.Content("~/Content/themes/base/jquery.ui.all.css")" rel="stylesheet" type="text/css" />

<div class="wrapper col5">
    <div id="container">
        @using (Html.BeginForm())
        {
            <table width="100%">
                <tr>
                    <td width="30%" style="vertical-align:top">
                        <h2>
                            Thông tin Cơ sở Đoàn</h2>
                        <div class="editLabel">
                            <label>
                                Tên</label>
                        </div>
                        <div>
                            <input type="text" />
                        </div>
                        <div class="editLabel">
                            <label>
                                Mô tả</label>
                            <br />
                        </div>
                        <div>
                            <textarea rows="7" cols="20" style="resize: none"></textarea>
                            <br />
                        </div>
                        <div class="editLabel">
                            <label>
                                Loại Cơ sở Đoàn</label>
                            <br />
                        </div>
                        <div>
                            <select>
                                <option>Đoàn trường</option>
                                <option>Liên Chi Đoàn</option>
                                <option>CLB - Đội Nhóm</option>
                            </select>
                        </div>
                        <div class="editLabel">
                            <label>
                                Cơ sở Đoàn Quản lý</label>
                        </div>
                        <div>
                            <select>
                                <option>Liên Chi Đoàn CNPM</option>
                                <option>Liên Chi Đoàn HTTT</option>
                                <option>Liên Chi Đoàn MMT</option>
                            </select>
                        </div>
                        <br />
                        <div>
                            <table class="bordertable">
                                <thead>
                                    <tr>
                                        <th>
                                            Số Quyết định thành lập
                                        </th>
                                        <th>
                                            Ngày thành lập
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            <input type="text" />
                                        </td>
                                        <td>
                                            <input type="text" />
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </td>
                    <td width="70%" style="vertical-align: top">
                        <table style="vertical-align: top">
                            <tr align="center">
                                <th colspan="4">
                                    <h2>
                                        Cơ cấu Ban chấp Hành</h2>
                                </th>
                            </tr>
                            <tr>
                                <td>
                                    Nhiệm kì
                                </td>
                                <td>
                                    <select>
                                        <option>2007 - 2008</option>
                                        <option>2008 - 2009</option>
                                        <option>2009 - 2010</option>
                                        <option>2011 - 2012</option>
                                        <option>2012 - 2013</option>
                                    </select>
                                </td>
                            </tr>
                        </table>
                        <table class="bordertable">
                            <thead>
                                <th>
                                    Chức danh
                                </th>
                                <th>
                                    MSSV
                                </th>
                                <th>
                                    Họ và tên
                                </th>
                                <th>
                                </th>
                            </thead>
                            <tbody>
                                <tr align="center">
                                    <td>
                                        Bí Thư
                                    </td>
                                    <td>
                                        08520335
                                    </td>
                                    <td>
                                        Nguyễn Minh Tân
                                    </td>
                                    <td>
                                        <a class="searchStudent" href="/Union/SearchUnion" title="Thông tin Đoàn Viên">
                                            <img src="../../Content/images/search.png" /></a>
                                    </td>
                                </tr>
                                <tr align="center">
                                    <td>
                                        Phó Bí Thư
                                    </td>
                                    <td>
                                        08520335
                                    </td>
                                    <td>
                                        Nguyễn Minh Tân
                                    </td>
                                    <td>
                                        <a class="searchStudent">
                                            <img src="../../Content/images/search.png" /></a>
                                    </td>
                                </tr>
                                <tr align="center">
                                    <td>
                                        Ủy Viên
                                    </td>
                                    <td>
                                        08520335
                                    </td>
                                    <td>
                                        Nguyễn Minh Tân
                                    </td>
                                    <td>
                                        <a class="searchStudent">
                                            <img src="../../Content/images/search.png" /></a>
                                    </td>
                                </tr>
                                <tr align="center">
                                    <td>
                                        Ủy viên
                                    </td>
                                    <td>
                                        08520335
                                    </td>
                                    <td>
                                        Nguyễn Minh Tân
                                    </td>
                                    <td>
                                        <a class="searchStudent">
                                            <img src="../../Content/images/search.png" /></a>
                                    </td>
                                </tr>
                                <tr align="center">
                                    <td>
                                        Ủy viên
                                    </td>
                                    <td>
                                        08520335
                                    </td>
                                    <td>
                                        Nguyễn Minh Tân
                                    </td>
                                    <td>
                                        <a href="" title="Tìm thông tin" class="searchStudent">
                                            <img src="../../Content/images/search.png" /></a>
                                    </td>
                                </tr>
                                <tr align="center">
                                    <td>
                                        Ủy viên
                                    </td>
                                    <td>
                                        08520335
                                    </td>
                                    <td>
                                        Nguyễn Minh Tân
                                    </td>
                                    <td>
                                        <a href="" title="Tìm thông tin" class="searchStudent">
                                            <img src="../../Content/images/search.png" /></a>
                                    </td>
                                </tr>
                                <tr align="center">
                                    <td>
                                        Ủy viên
                                    </td>
                                    <td>
                                        08520335
                                    </td>
                                    <td>
                                        Nguyễn Minh Tân
                                    </td>
                                    <td>
                                        <a href="" title="Tìm thông tin" class="searchStudent">
                                            <img src="../../Content/images/search.png" /></a>
                                    </td>
                                </tr>
                                <tr align="center">
                                    <td>
                                        Ủy viên
                                    </td>
                                    <td>
                                        08520335
                                    </td>
                                    <td>
                                        Nguyễn Minh Tân
                                    </td>
                                    <td>
                                        <a href="" title="Tìm thông tin" class="searchStudent">
                                            <img src="../../Content/images/search.png" /></a>
                                    </td>
                                </tr>
                                <tr align="center">
                                    <td>
                                        Ủy viên
                                    </td>
                                    <td>
                                        08520335
                                    </td>
                                    <td>
                                        Nguyễn Minh Tân
                                    </td>
                                    <td>
                                        <a href="" title="Tìm thông tin" class="searchStudent">
                                            <img src="../../Content/images/search.png" /></a>
                                    </td>
                                </tr>
                                <tr align="center">
                                    <td>
                                        Ủy viên
                                    </td>
                                    <td>
                                        08520335
                                    </td>
                                    <td>
                                        Nguyễn Minh Tân
                                    </td>
                                    <td>
                                        <a href="" title="Tìm thông tin" class="searchStudent">
                                            <img src="../../Content/images/search.png" /></a>
                                    </td>
                                </tr>
                                <tr align="center">
                                    <td>
                                        Ủy viên
                                    </td>
                                    <td>
                                        08520335
                                    </td>
                                    <td>
                                        Nguyễn Minh Tân
                                    </td>
                                    <td>
                                        <a href="" title="Tìm thông tin" class="searchStudent">
                                            <img src="../../Content/images/search.png" /></a>
                                    </td>
                                </tr>
                                <tr align="center">
                                    <td>
                                        Ủy viên
                                    </td>
                                    <td>
                                        08520335
                                    </td>
                                    <td>
                                        Nguyễn Minh Tân
                                    </td>
                                    <td>
                                        <a href="" title="Tìm thông tin" class="searchStudent">
                                            <img src="../../Content/images/search.png" /></a>
                                    </td>
                                </tr>
                                <tr align="center">
                                    <td>
                                        Ủy viên
                                    </td>
                                    <td>
                                        08520335
                                    </td>
                                    <td>
                                        Nguyễn Minh Tân
                                    </td>
                                    <td>
                                        <a href="" title="Tìm thông tin" class="searchStudent">
                                            <img src="../../Content/images/search.png" /></a>
                                    </td>
                                </tr>
                                <tr align="center">
                                    <td>
                                        Ủy viên
                                    </td>
                                    <td>
                                        08520335
                                    </td>
                                    <td>
                                        Nguyễn Minh Tân
                                    </td>
                                    <td>
                                        <a href="" title="Tìm thông tin" class="searchStudent">
                                            <img src="../../Content/images/search.png" /></a>
                                    </td>
                                </tr>
                                <tr align="center">
                                    <td>
                                        Ủy viên
                                    </td>
                                    <td>
                                        08520335
                                    </td>
                                    <td>
                                        Nguyễn Minh Tân
                                    </td>
                                    <td>
                                        <a href="" title="Tìm thông tin" class="searchStudent">
                                            <img src="../../Content/images/search.png" /></a>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <table>
                            <tr>
                                <td>
                                    <h2>
                                        Thông tin kiện toàn</h2>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <table class="bordertable">
                                        <thead>
                                            <tr>
                                                <th>
                                                    Ngày kiện toàn
                                                </th>
                                                <th>
                                                    Chức danh
                                                </th>
                                                <th>
                                                    Nhân sự cũ
                                                </th>
                                                <th>
                                                    Nhân sự mới
                                                </th>
                                                <th>
                                                    Người thay đổi
                                                </th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>
                                                    10/2/2012
                                                </td>
                                                <td>
                                                    Bí thư
                                                </td>
                                                <td>
                                                    08520334
                                                </td>
                                                <td>
                                                    08520335
                                                </td>
                                                <td>
                                                    0852334
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    10/2/2012
                                                </td>
                                                <td>
                                                    Bí thư
                                                </td>
                                                <td>
                                                    08520334
                                                </td>
                                                <td>
                                                    08520335
                                                </td>
                                                <td>
                                                    0852334
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <div style="float:right">
                <input type="button" value="Lưu"/>
                <input type="button" value="Hủy"/>
            </div>
        }
    </div>
</div>
<script type="text/javascript" language="javascript">
    jQuery(document).ready(function () {
        $('a.#permission').live("click", function (event) { addItem(this, event); });
        $('a.searchStudent').live("click", function(event) {searchItem(this, event); });
    });

    function addItem(tag, event) {
        event.preventDefault();
        var $url = $(tag).attr('href');
        var $title = $(tag).attr('title');
        var $dialog = $('<div></div>');
        $dialog.empty();
        $dialog
            .load($url)
			.dialog({
			    autoOpen: true
				, title: $title
				, width: 500
                , modal: true
				, minHeight: 200
                , show: 'fade'
                , hide: 'fade'
			});
    };

    function searchItem(tag, event) {
        event.preventDefault();
        var $url = $(tag).attr('href');
        var $title = "Thông tin Đoàn viên";
        var $dialog = $('<div></div>');
        $dialog.empty();
        $dialog
            .load($url)
			.dialog({
			    autoOpen: true
				, title: $title
				, width: 500
                , modal: true
				, minHeight: 200
                , show: 'fade'
                , hide: 'fade'
			});
    };

</script>
